<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"name="viewport" name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" >
    <title>登录</title>
    <script type="text/javascript" src="js/jquery-2.2.0.min.js"></script>
    <script type="text/javascript" src="js/from.js"></script>
    <link rel="stylesheet" type="text/css" href="css/from.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
</head>
<body>
    <div class="header">
        <ul>
            <li><a href="#" class="header-add">临沂</a><span>【切换城市】</span></li>
            <li><a href="index.html">首页</a></li>
            <li><a href="licheng.html">里程查询</a></li>
            <li><a href="entry.html">登录</a></li>
            <li><a href="enroll.html">注册</a></li>
        </ul>
    </div>
    <div class="sy-con">
        <div class="dl-logo">
            <img src="images/logo.png" class="img-responsive" alt="Cinque Terre">
        </div>
        <div class="zc-con">
            <div class="zc-con-top">
                <h3 style="padding-right: 32%;padding-left: 10%;padding-bottom: 30px;">会员登录</h3>
                <a href="enroll.html" target="iframe_a">新用户注册</a>
            </div>
            <table>
                <tr>
                    <td>手机</td>
                    <td><input type="text" placeholder="请输入您的手机号码"></input></td>
                </tr>
                <tr>
                    <td>密码</td>
                    <td><input type="text" placeholder="请输入密码"></input></td>
                </tr>
                <tr>
                    <td>验证</td>
                    <td>
                       <div id="demo">
                          <div id="slider">
                            <div id="slider_bg"></div>
                            <span id="label">>></span> <span id="labelTip">拖动滑块验证</span> </div>
                          <script>
                            $(function () {
                                var slider = new SliderUnlock("#slider",{
                                        successLabelTip : "验证成功"    
                                    },function(){

                                    });
                                slider.init();
                            })
                        </script> 
                        </div>
                    </td>
                </tr>
            </table>
            <button style="margin-left: 86px;">登录</button>
            <div class="sy-con-bottom">
                <input type="checkbox"></input>
                <p>记住密码</p>
                <a href="wjmm.html" target="iframe_a">忘记密码</a>
            </div>
        </div>
    </div>
    <div class="footer">
        <ul>
            <li><a href="reading.html">使用前必读</a></li>
            <li><a href="aboutus.html">关于我们</a></li>
            <li><a href="law.html">法律声明</a></li>
            <li><a href="advert.html">广告服务</a></li>
            <li><a href="contactus.html">联系我们</a></li>
            <li><a href="sugger.html">投诉建议</a></li>
            <li><a href="logis.html">物流专线</a></li>
        </ul>
        <p>网站备案：鲁ICP备20170925号  鲁公网安备37130220170925号</p>
    </div>
</body>
</html>